<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<c:url value="mostrarHWF4023.html" var="consultaDetalleIngresos"/>

<script language="JavaScript" type="text/javascript" src="javascript/HMF2003.js"></script>
<%--
   
    * Sistema                                       : Hermetic
    * M?dulo                                        : Reportes/Detalle de Ingresos
    * Versi?n                                       : 1.0
    * Creado por                                    : Jesús Angulo
    * Fecha de creaci?n                             : 23/05/2012      
    * Modificado por                                : Jesús Angulo
    * Fecha de ?ltima modificaci?n                  : 28/05/2012
    * Detalles                                      : Esta p?gina permite consultar el resultado de la apertura de envases por comprobante, 
                                                      para una cuenta sin bóveda en HTB (Zona Registral/Clientes Comerciales) 
    * Copyright                                     : Hermes transportes blindados
       
--%>
    <script type="text/javascript">
    
    
    $(document).ready(function(){ 

        var COD_TIPO_BOVEDA_PROPIA = "<c:out value='${COD_TIPO_BOVEDA_PROPIA}' />";
        var COD_TIPO_BOVEDA_BANCO = "<c:out value='${COD_TIPO_BOVEDA_BANCO}' />"; 
        var TIPO_CLIENTE_CORPORACION = "<c:out value='${TIPO_CLIENTE_CORPORACION}' />"; 
        var TIPO_CLIENTE_COMERCIAL = "<c:out value='${TIPO_CLIENTE_COMERCIAL}' />"; 
        var COD_SUCU_PRINCIPAL= "<c:out  value='${COD_SUCU_PRINCIPAL}' />";
        var SELECT_TODOS = "<c:out value='${SELECT_TODOS}' />"; 
        var SELECT_ALGUNOS = "<c:out value='${SELECT_ALGUNOS}' />"; 
        var tipClie = "<c:out value='${tipClie}' />"; 
        var sucursal = "<c:out value='${sucursal}' />"; 
        var msg;
        
        $("#mensaje").html("");
        $("#fechadesde").datepicker();
        $("#fechahasta").datepicker({
          onSelect: function(dateText) {
             var txtHora = setHora1(document.forms[0].fechahasta);
             $("#hora").val(txtHora);
          }
        });

    $("#fechahasta").keyup(function(event){
         var txtHora = setHora1(document.forms[0].fechahasta);
         $("#hora").val(txtHora);         
    });
        var htmlTipoOperacion = $("#tipoOperacion").html();
        $("#tipoOperacion").html("");
          
        $('span.pagelinks>a, table#dispTable>thead>tr>th>a').live('click', function(){
           $.get($(this).attr('href'), function(responseText, status, xmlHttpRequest){
                $('#displayTagDiv').html($('#displayTagDiv', responseText).html());
               }
           )            
           return false;
       });
       
       $("#codSucursal").change( function(){ 
            if($("#codSucursal").val()==SELECT_ALGUNOS ){
                $("#opener_sucursal").show(); 
                $.get("<c:url value='selecSucursal.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});
            }else{
                $("#opener_sucursal").hide();
                $.get("<c:url value='selecSucursal.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});
            }
            // puntos depende se sucursal
           
            $("#punto").val(SELECT_TODOS);
            $.get("<c:url value='selecPuntoCC.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
            $("#opener_punto").hide();
            
            if($("#lblCuentaBanco").html()=="Cuenta"){
              $("#cuentaBanco").val(SELECT_TODOS);
              $.get("<c:url value='selecCuentaIS.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
              $("#opener_cuentabanco").hide();
            }
        }); 
        
        //habilitar y deshabilitar el boton Punto
        $("#punto").change( function(){ 
            if( $("#punto").val()==SELECT_ALGUNOS ){
              $("#opener_punto").show(); 
              $.get("<c:url value='selecPuntoCC.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});  
            }else {
              $("#opener_punto").hide();
              $.get("<c:url value='selecPuntoCC.html'/>",{accion:"selectTodos", codTodos:true}, function(responseText, status, xmlHttpRequest){});
            }
        }); 

        $("#listClie").change( function(){
            if($(this).val()==SELECT_ALGUNOS ){
               $.get("<c:url value='selecClienteCorp.html' />",{accion:"selectTodos", codTodos:false}, function(responseText, status, xmlHttpRequest){});
               $("#opener_listClie").show(); 
            }else{
              $("#opener_listClie").hide();
            }
            if(sucursal==COD_SUCU_PRINCIPAL){
              $("#codSucursal").val(SELECT_TODOS);
              $.get("<c:url value='selecSucursal.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
              $("#opener_sucursal").hide();
            }
            $("#punto").val(SELECT_TODOS);
            $("#opener_punto").hide();
            $("#cuentaBanco").val(SELECT_TODOS);
            $("#opener_cuentabanco").hide();
            $.get("<c:url value='selecBanco.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
            $.get("<c:url value='selecCuentaIS.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
            $.get("<c:url value='selecPuntoCC.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
        }); 
        
        $("#cuentaBanco").change( function(){ 
            if($(this).val()==SELECT_ALGUNOS ){
              $.get("<c:url value='selecBanco.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});  
              $.get("<c:url value='selecCuentaIS.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});  
              $("#opener_cuentabanco").show(); 
            }else{
              $("#opener_cuentabanco").hide();
            }
        }); 
        
        
        //****** abrir popups
        $("#opener_sucursal").click(function(){
           if(tipClie==TIPO_CLIENTE_COMERCIAL){
              openSucursal(SELECT_TODOS);
           }else if(tipClie==TIPO_CLIENTE_CORPORACION){

              if($("#listClie").val()==SELECT_ALGUNOS){
                 _self= window.self;
                 $.getJSON("${consultaDetalleIngresos}",{accion:"chekSession",chks:"chksClieCorp"},function(data){
                      if(data==0){
                         $("#mensaje").html("Seleccione un Cliente");
                      }else{
                        _self.showModalDialog('<c:url value="selecSucursal.html" />&v_cliente='+$("#listClie").val(),'selecSucursal',"dialogWidth:550px;dialogHeight:400px;center:yes;status:no;help:yes;resizable:no"); 
                      }
                  });
              }else{
                  openSucursal($("#listClie").val());
              }
           }
        });
        
        $("#opener_punto").click( function openWinPunto(){
            if(tipClie==TIPO_CLIENTE_CORPORACION){
              if(COD_SUCU_PRINCIPAL==sucursal){
                 _self= window.self;
                 $.getJSON("${consultaDetalleIngresos}",{accion:"chekSession",chks:"chksSucu"},function(data){
                      if(data==0){
                         $("#mensaje").html("Seleccione una Sucursal");
                      }else{
                        childWindowPunto=window.showModalDialog('<c:url value="selecPuntoCC.html" />&tipoPunt='+0+'&vSucursal='+$("#codSucursal").val()+'&vCliente='+$("#listClie").val(),'selecPunto',"dialogWidth:680px;dialogHeight:420px");
                      }
                  });
              }else{
                openPuntos(0,"",$("#listClie").val());
              }
            }else{
              if(COD_SUCU_PRINCIPAL==sucursal){
                openPuntos(0,$("#codSucursal").val(),SELECT_TODOS);
              }else{
                openPuntos(0,"",SELECT_TODOS);
              }
            }
        });
        
        $("#opener_cuentabanco").click(function(){
            if($("#lblCuentaBanco").html()=="Banco"){
               if(tipClie==TIPO_CLIENTE_CORPORACION){
                  if($("#listClie").val()==SELECT_ALGUNOS){
                     _self= window.self;
                     $.getJSON("${consultaDetalleIngresos}",{accion:"chekSession",chks:"chksClieCorp"},function(data){
                          if(data==0){
                            $("#mensaje").html("Seleccione un Cliente");
                          }else{
                            _self.showModalDialog('<c:url value="selecBanco.html" />&v_cliente='+$("#listClie").val(),'selecBanco',"dialogWidth:680px;dialogHeight:420px");
                          }
                      });
                  }else{
                    openWinBanco($("#listClie").val());
                  }  
               }else{
                 openWinBanco(SELECT_TODOS);
               }
            }else if($("#lblCuentaBanco").html()=="Cuenta"){
                if(tipClie==TIPO_CLIENTE_CORPORACION){
                    if(COD_SUCU_PRINCIPAL==sucursal){
                      openWinCuenta($("#listClie").val(), $("#codSucursal").val());
                    }else{
                      openWinCuenta($("#listClie").val(), "");
                    }
               }else{
                    if(COD_SUCU_PRINCIPAL==sucursal){
                      openWinCuenta(SELECT_TODOS, $("#codSucursal").val());
                    }else{
                      openWinCuenta(SELECT_TODOS, "");
                    }
               }
            }
        });
        
        $("#opener_listClie").click(function(){
           openWinClienteCorp();
        });

        if($("#punto").val()==1)$("#opener_punto").show();else $("#opener_punto").hide();
        if($("#codSucursal").val()==1)$("#opener_sucursal").show();else $("#opener_sucursal").hide();
        if($("#listClie").val()==1)$("#opener_listClie").show();else $("#opener_listClie").hide();
        if($("#cuentaBanco").val()==1)$("#opener_cuentabanco").show();else $("#opener_cuentabanco").hide();
        
        //habilitar y deshabilitar el boton Banco
       /* $("#banco").change( function(){ 
            if(  $("#banco").val()==1 ) {
                $("#opener_banco").show();
            } else {
                $("#opener_banco").hide();
                $.get("<c:url value='selecBanco.html'/>",{accion:"limpiarBancos"}, function(responseText, status, xmlHttpRequest){
            });
            }
        } );  */ 
        
        $("#destino").change(function(){
            $("#opener_cuentabanco").hide();
            if($(this).val()==""){
              $("#lblCuentaBanco").html("-");
              $("#cuentaBanco").html("");
              $("#cuentaBanco").attr("disabled",true);
              $("#tipoOperacion").html("<option value=''><\/option>"+htmlTipoOperacion); 
              $("#tipoOperacion").val("");
              $("#tipoOperacion").attr("disabled",true);
              
            }else if($(this).val()==COD_TIPO_BOVEDA_PROPIA){
               $("#cuentaBanco").attr("disabled",false);
               $("#lblCuentaBanco").html("Cuenta");
               $("#cuentaBanco").html("<option value='0'>TODOS<\/option><option value='1'>ALGUNOS<\/option>");
               
               $("#tipoOperacion").html(htmlTipoOperacion); 
               $("#tipoOperacion").attr("disabled",false);
               
            }else if($(this).val()==COD_TIPO_BOVEDA_BANCO){
               $("#cuentaBanco").attr("disabled",false);
               $("#cuentaBanco").html("<option value='0'>TODOS<\/option><option value='1'>ALGUNOS<\/option>");
               $("#lblCuentaBanco").html("Banco");
               $("#tipoOperacion").html("<option value=''><\/option>"+htmlTipoOperacion); 
              $("#tipoOperacion").val("");
              $("#tipoOperacion").attr("disabled",true);
            }
        });
      
        $("#mostrar").click(function(){
            $.getJSON("${consultaDetalleIngresos}",{accion:"chks"},function(data){
                var codOpe;
                $("#mensaje").html("");
                
                if(tipClie==TIPO_CLIENTE_CORPORACION && $("#listClie").val()==SELECT_ALGUNOS && data.chksClieCorp==0){
                  $("#mensaje").html("Seleccione un Cliente");
                  return false;
                }
                if($("#codSucursal").val()==SELECT_ALGUNOS &&  (data.chksSucu==0   )){
                   $("#mensaje").html("Seleccione una Sucursal");
                   return false;
                }
                if($("#punto").val()==SELECT_ALGUNOS &&  data.chksPunto==0){
                   $("#mensaje").html("Seleccione un Punto");
                   return false;
                }
                if($("#destino").val()==""){
                    $("#mensaje").html("Seleccione un Destino");
                    return false;
                }
                if($("#destino").val()==COD_TIPO_BOVEDA_PROPIA){
                    if($("#tipoOperacion").val()==null ||$("#tipoOperacion").val()==""){
                        $("#mensaje").html("Seleccione Tipo Operaci\u00f3n");
                        return false;
                    }
                    if($("#cuentaBanco").val()==SELECT_ALGUNOS &&  data.chksCuentasIS==0){
                        $("#mensaje").html("Seleccione una Cuenta");
                        return false;
                    }
                    codOpe=$("#tipoOperacion").val();
                }else if($("#destino").val()==COD_TIPO_BOVEDA_BANCO){
                    if($("#cuentaBanco").val()==SELECT_ALGUNOS &&  data.chksBanco==0){
                        $("#mensaje").html("Seleccione un Banco");
                        return false;
                    }
                    codOpe="-";
                }
                if($("#fechadesde").val()==""){
                    $("#mensaje").html("Seleccione fecha inicio");
                    return false;
                } 
                if($("#fechahasta").val()==""){
                    $("#mensaje").html("Seleccione fecha fin");
                    return false;
                }
          
                msg=checkDate1(document.forms[0].fechadesde);
                if(msg != "") {
                    $("#mensaje").html(msg);
                    $("#fechadesde").focus();
                    return false;
                }
                
                msg=checkDate1(document.forms[0].fechahasta);
                if(msg != "") {
                    $("#mensaje").html(msg);
                    $("#fechahasta").focus();
                    return false;
                }
                //if(!checkDate1(document.forms[0].fechahasta)) return false;
                
                msg=validaRango1(document.forms[0].fechadesde,document.forms[0].fechahasta);
                if(msg != "") {
                    $("#mensaje").html(msg);
                    $("#fechahasta").focus();
                    return false;
                }
                
                $.blockUI({ message: '<img src="imagenes/logoProcesandoRight.gif" />', css:{ backgroundColor: '#FFFFFF', color: '#fff'} });
                 
                //show_loading();
                var listCodCliente="-";
                if(tipClie==TIPO_CLIENTE_CORPORACION){
                  listCodCliente=$("#listClie").val();
                }
                bloqControl(true);
                
                $.get("${consultaDetalleIngresos}",{accion:"mostrar", listCodCliente:listCodCliente,listCodSucusal:$("#codSucursal").val(),listCodPunto:$("#punto").val(),codDestino:$("#destino").val(),listCodBanco:$("#cuentaBanco").val(),listCodCuenta:$("#cuentaBanco").val(), codOpe:codOpe,uniMond:$("#tipoUnidMone").val(), estado : $("#estado").val(),tipoFecha:$("#tipFecha").val(),fechaInicio:$("#fechadesde").val(),fechaFin:$("#fechahasta").val(), desDestino: $("#destino option:selected").text(), desTipoFecha: $("#tipFecha option:selected").text(), desEstado:$("#estado option:selected").text(),desUnidMone:$("#tipoUnidMone option:selected").text() },
                    function(responseText, status, xmlHttpRequest){
                    $("#displayTagDiv").html($("#displayTagDiv",responseText).html());
                    $("#loading_mostrar").css({display:"none"});
                    bloqControl(false);
                   $.unblockUI();
                });      
                
                
            });
             
        });
      
        if($("#banco").val()==1)$("#opener_banco").show();else $("#opener_banco").hide();
        
        $( "#dialog,#mygrid_container" ).dialog({autoOpen: false,height: 700,width: 345,modal: false});
        $( "#dialog" ).dialog({autoOpen: false,height: 600,width: 500,modal: false});
        $( "#opener" ).click(function() {$( "#dialog" ).dialog( "open" );return false;});
        //$("#opener_banco").click(openWinBanco);
        
        function openSucursal(clientes){
          childWindow=window.showModalDialog('<c:url value="selecSucursal.html" />&v_cliente='+clientes,'selecSucursal',"dialogWidth:550px;dialogHeight:400px;center:yes;status:no;help:yes;resizable:no"); 
        }
        function openPuntos(tipoPunto,sucursales,clientes){
          childWindowPunto=window.showModalDialog('<c:url value="selecPuntoCC.html" />&tipoPunt='+tipoPunto+'&vSucursal='+sucursales+'&vCliente='+clientes,'selecPunto',"dialogWidth:680px;dialogHeight:420px");
        }
        function openWinBanco(clientes){
          childWindowBanc=window.showModalDialog('<c:url value="selecBanco.html" />&v_cliente='+clientes,'selecBanco',"dialogWidth:680px;dialogHeight:420px");
        }
        function openWinCuenta(clientes, sucursales){
          childWindowBanc=window.showModalDialog('<c:url value="selecCuentaIS.html" />&v_cliente='+clientes+'&v_sucursal='+sucursales,'selecBanco',"dialogWidth:680px;dialogHeight:420px");
        }
        function openWinClienteCorp(){
          childWindowClienteCorp=window.showModalDialog('<c:url value="selecClienteCorp.html" />&accion=selecClienteC','selecClienteCorporacion',"dialogWidth:680px;dialogHeight:420px");
        }
        function bloqControl(flag){
            $("input").attr("disabled",flag);
            if($("#destino").val()==COD_TIPO_BOVEDA_PROPIA){
              $("select").attr("disabled",flag);
            }else{
              $("select[name!='tipoOperacion']").attr("disabled",flag);
            }
        }

    });
    
    function show_loading(){  
      var loadingAnim = document.getElementById('loading_mostrar');  
      loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
      loadingAnim.style.display = 'block';      
    }
    
    function openActa(idCmpb, winheight,winwidth)
    {
        winwidth='650';
        winheight='700';
        //window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        window.open('seguridad/procesando.html', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var accion = 'mostrarActa';
        var target = 'window1';        
        document.forms[0].formulario.value = 'HMR3003a';        
        document.forms[0].idCmpb.value = idCmpb;
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();       
    }  
    
    function openPDF(winheight,winwidth){

        winwidth='650';
        winheight='700';
        //window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        window.open('seguridad/procesando.html', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var accion = 'mostrarPDF';
        var target = 'window1';           
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        
        document.forms[0].submit();       
    }  
    
    function openExcel()
    {
        document.forms[0].accion.value = 'mostrarExcel';
        document.forms[0].submit();       
    }  
    
    
    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
    
    function checkDate(field)
  {
    var allowBlank = false;
    var minYear = 1902;
    var maxYear = (new Date()).getFullYear()+1;

    var errorMsg = "";

    // regular expression to match required date format
    re = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
    
    if(field.value != '') {
      if(regs = field.value.match(re)) {
        if(regs[1] < 1 || regs[1] > 31) {
          errorMsg = "Día inválido: " + regs[1];
        } else if(regs[2] < 1 || regs[2] > 12) {
          errorMsg = "Mes inválido: " + regs[2];
        } else if(regs[3] < minYear || regs[3] > maxYear) {
          errorMsg = "Año inválido: " + regs[3];
        }
      } else {
        errorMsg = "Formato de Fecha invalido: " + field.value;
      }
    } else if(!allowBlank) {
      errorMsg = "Ingrese fecha";
    }
    
    if(errorMsg != "") {
      $("#mensaje").html(errorMsg);
      field.focus();
      return false;
    }
    
    return true;
  }
   
  function validaRango(fecDesde,fecHasta){
  // regular expression to match required date format
    re = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
    var reg1 = fecDesde.value.match(re);
    var reg2 = fecHasta.value.match(re);
    
    var mes1= parseInt(reg1[2],10)-1;
    var mes2= parseInt(reg2[2],10)-1;
    
    var miFecha1 = new Date(parseInt(reg1[3]),mes1,parseInt(reg1[1],10));
    var miFecha2 = new Date(parseInt(reg2[3]),mes2,parseInt(reg2[1],10));
    
    if (miFecha2.getTime()<miFecha1.getTime()){
        $("#mensaje").html("La fecha fin no puede ser menor que la fecha inicio");
        fecHasta.focus();
        return false;
    }
    
    var diferencia = miFecha2.getTime() - miFecha1.getTime();
    var dias = Math.floor(diferencia /(1000 * 60 * 60 * 24));
    
    if (dias>365){
      $("#mensaje").html("La diferencia de fechas no puede ser mayor a 365 dias");
      return false;
    }
    
    return true;
  }
 
  function setHora(fecHasta){
    var hoy = new Date();
         var mes= ("0"+(parseInt(hoy.getMonth()+1)).toString()).slice(-2);
         var fechaActual=hoy.getDate()+"/"+mes+"/"+hoy.getFullYear();
         if( fecHasta.value == fechaActual){ 
            var hora =("0"+hoy.getHours()).slice(-2)+":"+("0"+hoy.getMinutes()).slice(-2);
            $("#hora").val(hora);
        }else{
            $("#hora").val("Al Cierre");
          }
  }

    //deprecado
   /* function abrir() {        
      if (document.forms[0].tipoUnidMone.value== "") {
        alert("Seleccione la Unidad Monetaria");
        document.forms[0].tipoUnidMone.focus();
        return false;
      }
      if (document.forms[0].fechadesde.value== "") {
        alert("Ingrese la Fecha");
        document.forms[0].fechadesde.focus();
        return false;
      }
    
      if(!checkDate(document.forms[0].fechadesde)) return false;
      if(!checkDate(document.forms[0].fechahasta)) return false;
    
      if(validaFechaMayorNoHoy(document.forms[0].fechahasta.value)==true){
        $("#hora").val("Al Cierre");//alert("Al cierre");
      }
      
      if(validaRangoFechas(document.forms[0].fechadesde.value, 
                         document.forms[0].fechahasta.value)==false){  
                         $("#fechahasta").focus();
                          return false
      } 
      
      
      if(validaRangoFechasAnho(document.forms[0].fechadesde.value, 
                         document.forms[0].fechahasta.value)==false){  
                         $("#fechahasta").focus();
                          return false
      }  
    
        //activar el div procesando con javascript
        show_loading();
        setTimeout('show_loading();', 1000);
        cursor_wait() ;
          //////  
        moveForward('mostrar');
  
          return true;
    }*/

    
    function openWinBanco(){
        childWindowPunto=window.showModalDialog('<c:url value="selecBanco.html" />','selecBanco',"dialogWidth:680px;dialogHeight:420px");
    }  
        

      
    </script>

<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->  
</style> 

<form:form modelAttribute="form" action="${consultaDetalleIngresos}">
<form:hidden path="accion"/>
<form:hidden path = "control"/>
<form:hidden path="cliente"/>
<form:hidden path="sucursal"/>
<form:hidden path="fecha"/>
<form:hidden path="formulario"/>
<form:hidden path="opcion" />
<form:hidden path="idCmpb" />
<form:hidden path = "desEstdRepo"/>
<form:hidden path="desTipFecRepo"/>
<form:hidden path="desUnidMoneRepo"/>

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td width="730" height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
	     	   <li>DETALLE DE INGRESOS</li>
		</ul>
        </td>
         <td align="left" width="43">
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>         </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="23" align="left" valign="middle" class="verdana10bazul"><c:out value="${form.lblCliente}" /></td>
            <td height="23" align="left" valign="middle" class="verdana10negro">
            
               <c:if test="${pageContext.request.method=='GET'}" >
                <c:choose>
                    <c:when test="${sessionScope.tipClie eq sessionScope.TIPO_CLIENTE_CORPORACION}">
                     ${desCorp}                    
                    </c:when>
                    <c:otherwise>
                      ${desRazoSoci}                    
                    </c:otherwise>
               </c:choose>
               </c:if>            </td>
            <td height="23" align="left" valign="middle" class="verdana10bazul">
            <c:if test="${sessionScope.tipClie == sessionScope.TIPO_CLIENTE_CORPORACION}">
              Cliente            </c:if>            </td>
            <td height="23" align="left" valign="middle" class="verdana10negro">
            
            <c:if test="${sessionScope.tipClie == sessionScope.TIPO_CLIENTE_CORPORACION}">
              <table border="0">
                <tr>
                  <td>
                    <div id="sucursalDiv" class="fondo_txtbox90">
                        <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                  path="listClie" tabindex="1">
                            <form:option value="0">TODOS</form:option>
                            <form:option value="1">ALGUNOS</form:option>
                        </form:select> 
                    </div>                 </td>
                <td><a href="#" id="opener_listClie"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a> </td>
                </tr>
              </table>
            </c:if>            </td>
          </tr>
          <tr>
            <td height="27" align="left" valign="middle" class="verdana10bazul">Sucursal</td>
            <td height="27" align="left" valign="middle" class="verdana10negro">
            
              <c:if test="${pageContext.request.method=='GET'}" >
                <c:choose>
                    <c:when test="${sessionScope.codSucuSelect eq sessionScope.COD_SUCU_PRINCIPAL}">
                      <table border="0">
                        <tr>
                        <td>
                        <div id="sucursalDiv" class="fondo_txtbox90">
                          <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt" path="codSucursal" tabindex="1">
                              <form:option value="0">TODOS</form:option>
                              <form:option value="1">ALGUNOS</form:option>
                           </form:select>   
                        </div>                        </td>
                        <td><a href="#" id="opener_sucursal"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a> </td>
                        </tr>
                      </table>
                    </c:when>
                    <c:otherwise>
                      <form:hidden path="codSucursal" />
                      <label id="ldlDesSucu"><c:out  value="${form.desSucursal}" /></label>              
                    </c:otherwise>
               </c:choose>
               </c:if>              </td>
            <td height="27" align="left" valign="middle" class="verdana10bazul">Punto</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"><table border="0">
              <tr>
                <td><div id="puntosDiv" class="fondo_txtbox90">
                
                    <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                             path="punto" tabindex="1">
                      <form:option value="0">TODOS</form:option>
                      <form:option value="1">ALGUNOS</form:option>
                    </form:select>
                </div></td>
                <td><a href="#" id="opener_punto"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a> </td>
              </tr>
            </table></td>
          </tr>
          <tr>
          

            <td width="14%" height="27" align="left" valign="middle" class="verdana10bazul">Destino</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="35%">
                
              <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt" path="destino" tabindex="1">
                     <form:option value=""></form:option>
                     <form:options items="${listDestinos}" itemValue="codigo" itemLabel="descripcion"  />
              </form:select>            </td> 
            <!-- BANCOS-->
            <td width="15%" height="27" align="left" valign="middle" class="verdana10bazul"><label id="lblCuentaBanco">-</label></td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="36%">                
              <table border="0">
                    <tr>
                     <td>
                     <div id="cuentaBancoDiv" class="fondo_txtbox90">   
                        <form:select path="cuentaBanco" disabled="true" tabindex="1" cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt">                        </form:select>
                     </div>                    </td>
                    <td><a href="#" id="opener_cuentabanco"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a> </td>
         
                  </tr>
                 </table>				</td>            
          </tr>
          
          <!-- UM-->
          <tr>
            <td height="27" align="left" valign="middle" class="verdana10bazul">U. M.</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro">
            	<form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipoUnidMone" tabindex="2">                        
                            <form:option value=""></form:option>
                            <form:options items="${listadoUnidMone}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>            
            </td>
            <!-- ESTADOS-->
           <td height="27" align="left" valign="middle" class="verdana10bazul">Tipo de Operaci&oacute;n</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro">
              <table border="0"><tr><td>
                <form:select disabled="true" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipoOperacion" tabindex="2">                        
                            <form:option value="0">TODOS</form:option>
                            <form:options items="${listTipoOperacion}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>      </td></tr></table>      
                </td>            
          </tr>
          <!--FECHAS-->
          <tr>
            <td height="34" align="left" valign="middle" class="verdana10bazul">Tipos de Fecha </td>
            <td height="34" align="left" valign="middle" class="verdana10bazul">
               <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipFecha" tabindex="4">
                    <form:options items="${listTiposFechas}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>            </td>
            <td height="34" align="left" valign="middle" class="verdana10bazul">Estado</td>
            <td height="34" align="left" valign="middle" class="verdana10bazul"><table border="0">
              <tr>
                <td><form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="estado" tabindex="4">
                    <form:option value="0">TODOS</form:option>
                    <form:options items="${listEstados}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                  </form:select>                </td>
                <td style="color:red;"></td>
              </tr>
            </table></td>
          </tr>
          
          <tr>
            <td height="27" align="left" valign="middle" class="verdana10bazul">Desde</td>
            <td height="27" align="left" valign="middle" class="verdana10negro"
                colspan="3">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechadesde" maxlength="10" size="12" readonly="false"/>
                   </div></td>
                   
                  <td class="verdana10bazul" width="64" valign="middle" align="center">&nbsp;&nbsp;Hasta&nbsp;&nbsp; </td>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechahasta" maxlength="10" size="12" readonly="false"  />
                        
                   </div></td>                                                    
                   
                  <td class="verdana10bazul" valign="middle" width="64">&nbsp;&nbsp;Hora&nbsp;&nbsp; </td>
                  <td width="60" align="right" valign="middle">
                  <div class="fondo_txtbox65" >
                    <form:input path="hora" maxlength="9" size="9"  readonly="true" style="text-align: center;"/></div></td>
                  <td width="140" align="right" valign="middle">
                  <input type="button" value="Mostrar" name="mostrar" id="mostrar" class="boton" /></td>
                </tr>
            </table></td>
          </tr>
          <tr><td align="left" colspan="2" height="27"  class="verdana10bazul">
            <div id="mensaje" align="left" style="color:red"></div></td>
          </tr>
        </table>
        </td>
      </tr>
           <tr>
                <td colspan="4" align="center">    
                <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>  
                </td>
          </tr>  
          <tr>
                <td colspan="4" align="left">    
                <span id="message_alert" style="color:red;"><c:out value="${message_alert}"/></span>
                </td>
          </tr>  
      </table>
      <div id="displayTagDiv" style="height:290px;width:100%" class="verdana10bazul">      
      <table border="0" cellpadding="0" cellspacing="0" class="margintop20" >
        <tr >
          <td width="100%">
          
            <c:if test="${(mostrarLista == 0 )||(mostrarLista == 1)}">
              <display:table id="lista" name="listaDetalleIngresos" cellpadding="0"
                             cellspacing="0" style="width:100%" pagesize="10"
                             export = "false"                            
                             requestURI="${consultaDetalleIngresos}"
                             class="its7">
                
                <display:column property="fecha"
                                  headerClass="even1" class="cellderecha " style="width:3%;font-size:9px;"
                                  title="${fecha}"/>
                
                <display:column property="codSeriCmpb"
                                headerClass="even1" class="cellderecha " style="width:3%;font-size:9px;text-align:center;"
                                title="Serie"/>
                <display:column property="numCmpb"
                                headerClass="even1" class="cellderecha " style="width:6%;font-size:9px;text-align:center;"
                                title="C/S"/>
                <c:if test="${sessionScope.tipClie == sessionScope.TIPO_CLIENTE_CORPORACION}">
                  <display:column property="nomClie" headerClass="even1" style="width:16%;text-align:left; font-size:9px;" class="even1" title="Cliente"/>
                </c:if>
                <c:if test="${codDestino==COD_TIPO_BOVEDA_BANCO}">                                
                  <display:column property="desBanco"
                                  headerClass="even1" style="width:16%;text-align:left; font-size:9px;" class="even1"
                                  title="Banco"/>
                </c:if>        
                <c:if test="${codDestino==COD_TIPO_BOVEDA_PROPIA}">                                
                  <display:column property="desCnta"
                                  headerClass="even1" style="width:16%;text-align:left; font-size:9px;" class="even1"
                                  title="Cuenta"/>
                </c:if>                                  
                <display:column property="desPunto"
                                headerClass="even1" class="even "
                                title="Punto" style="width:15%;text-align:left;font-size:9px;" />
                <display:column headerClass="even1" class="cellderecha " style="width:8%;font-size:9px;"
                                title="Dice Contener">
                                <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${lista.monEfec}" />
                </display:column> 
                <display:column headerClass="even1" class="cellderecha " style="width:8%;font-size:9px;"
                                title="Contiene">
                                <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${lista.apertura}" />
                </display:column>
                <display:column headerClass="even1" class="cellderecha " style="width:8%;font-size:9px;"
                                title="Diferencia" >
                                <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${lista.dife}" />
                </display:column>

                <display:column headerClass="even1" media="html" class="cellcenter " style="width:8%;font-size:9px;"
                                title="Anomalia">
                                <c:if test="${lista.dife > 0}">SOBRANTE</c:if>
                                <c:if test="${lista.dife < 0}">FALTANTE</c:if>
                                </display:column>
                <display:column property="desEstado" style="width:8%;font-size:9px;"
                                headerClass="even1" class="cellcenter "
                                title="Estado"/>
                                
                <display:column property="desSucuHTB" style="width:8%;font-size:9px;"
                                headerClass="even1" class="cellcenter "
                                title="Sucursal"/>    
                                
                <display:column headerClass="even1" media="html" class="cellcenter " style="width:4%;font-size:9px;"
                                title="Acta">
                                <c:if test="${lista.dife != 0}">
                                <a href="javascript:openActa('${lista.acta}-${lista.desBanco}',450,920)"><input type="text" value= "${lista.acta}"/></a>
                                </c:if>
                                </display:column>
                <display:column headerClass="even1" media="html" class="cellcenter " style="width:4%;font-size:9px;"
                                title="File">
 
                                </display:column>                                
         
              </display:table>
          </c:if>  
         
          </td>
        </tr>
        <tr><td>&nbsp;</td>
        </tr>
        <tr>
        <td>    
        <c:if test="${mostrarLista == 1}">        
        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="its7">
        <tbody>
        <tr class="even2">
            <td width="47%">Totales</td>
            <td width="7%" align="right" class="cellderecha">
                <c:if test="${not empty totalMonto}">
                    <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${totalMonto}" />
                </c:if>
            </td>
            <td width="7%" align="right" class="cellderecha">            
                <c:if test="${not empty totalApertura}">
                    <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${totalApertura}" />
                </c:if>
            </td>
            <td width="8%" align="right" class="cellderecha">
                <c:if test="${not empty totalDiferencia}">
                    <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${totalDiferencia}" />
                </c:if>            
            </td>
            <td width="35%">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </td>
        </tr>
        </tbody>
        </table>
        </c:if>
        </td>
        </tr>
      </table>


     <c:if test="${mostrarLista == 1}">      
	  <div class="margintop31">
            <input type="button" value="Generar PDF" name="reportePDF" class="boton" onclick="javascript:openPDF(450,920)"/>
            <input type="button" value="Generar Excel" name="reporteExcel" class="boton" onclick="javascript:openExcel()"/>
	  </div>
     </c:if>            
 </div>
	  </td>
  </tr>
</table>
</form:form> 